<template>
    <view>
        <view class="page-foot">
            <view class="footbox">
				<!-- 二手房 -->
				<block v-if="info.house_type_id==1">
                <view class="df ac js foot1">
                    <view class="df ac">
                        <image :lazy-load="true" :src="info.default_broker.user.avatar" class="footavatar" mode="aspectFill"></image>
                        <view>
                            <view class="name">{{ info.default_broker.user.nickname }}</view>
                        </view>
                    </view>
                    <view class="df ac">
                        <button @tap="bindPhoneCall" :data-tel="info.default_broker.user.mobile" data-type="2" data-subtype="0" class="btn1">打电话</button>
						<button class="btn2" @tap.stop.prevent="jumpToPop" :data-wechatnum="info.default_broker.user.mobile">加微信</button>
                    </view>
                </view>
				</block>
				<!-- 新房 -->
				<view v-if="info.house_type_id==16" style="padding:0 40rpx;">
					
					<button @tap="bindPhoneCall" :data-tel="info.cosult_tel ? info.cosult_tel : info.platform_contact_tel" class="contactkefu flex-box flex-between">
						<image src="/static/icon/icon_kefubg.png" class="kefubg"></image>
						<view class="tl">
							<view class="fs40 pb10">{{ info.cosult_tel ? info.cosult_tel : info.platform_contact_tel }}</view>
							<view class="fs24">拨打热线，免费提供专属楼盘分析</view>
						</view>
						<image src="/static/icon/icon_tel.png" class="tel"></image>
					</button>
				</view>
				
            </view>
        </view>
        <view class="container">
            <view class="part1">
                <view class="flex-box">
                    <view class="fwb fs40 col10">{{ info.name }}</view>
                    <view class="sale_type1">{{ info.sale_state_text }}</view>
                </view>
            </view>
            <view class="part1">
                <view class="col10 fs34 fwb pb20">基础信息</view>
				
                <view class="flex-box fs30 pb30 infoitem" style="align-items:flex-start;">
                    <view class="col89">参考均价：</view>
                    <view class="colf8 fs34">
						<view class="fs34" v-for="(item,index) in info.other_housing_prices" :key="index">{{item.value+item.name}}</view>
					</view>
                </view>
                <view class="flex-box fs30 pb30 flex-start infoitem">
                    <view class="col89 pt5" style="flex-shrink:0;">参考总价：</view>
                    <view class="flex-grow-1">
                        <view class="colf8 fs34">{{ info.all_total_price }}万</view>
                    </view>
                </view>
                <view class="flex-box fs30 pb30 flex-start infoitem">
                    <view class="col89 pt5"style="flex-shrink:0;">建筑面积：</view>
                    <view class="flex-grow-1">
                        <view class="colf8 fs34">{{ info.min_space }}<text>/㎡</text></view>
                    </view>
                </view>
                <view class="flex-box fs30 pb30 infoitem" v-if="info.list_labels">
                    <view class="col89" style="flex-shrink:0;">户型格局：</view>
                    <view class="col10">{{ info.list_labels }}</view>
                </view>
                <view class="flex-box fs30 pb30 infoitem" v-if="info.opentime_text">
                    <view class="col89" style="flex-shrink:0;">开盘时间：</view>
                    <view class="col10">{{ info.opentime_text }}</view>
                </view>
                <view class="flex-box fs30 pb30 infoitem" v-if="info.cert_trends_newinfo.name">
                    <view class="col89" style="flex-shrink:0;">售卖许可证：</view>
                    <view class="col10">{{ info.cert_trends_newinfo.name }}</view>
                </view>
                <view class="flex-box fs30 pb30 infoitem" v-if="info.developers">
                    <view class="col89" style="flex-shrink:0;">开发企业：</view>
                    <view class="col10">{{ info.developers }}</view>
                </view>
                <view class="flex-box fs30 pb30 flex-start infoitem" v-if="info.region">
                    <view class="col89" style="flex-shrink:0;">项目地址：</view>
                    <view class="col10">{{ info.region }}-{{ info.street }} {{ info.addr }}</view>
                </view>
                <view class="flex-box fs30 pb30 flex-start infoitem" v-if="info.discounts">
                    <view class="col89" style="flex-shrink:0;">售楼地址：</view>
                    <view class="col10">{{ info.discounts }}</view>
                </view>
            </view>
            <view class="part1" v-if="info.house_tag_ids==30">
                <view class="col10 fs34 fwb pb20">动销信息</view>
                <view class="flex-box fs30 pb30 infoitem">
                    <view class="col89">开盘时间：</view>
                    <view class="col10">{{ info.opentime_text }}</view>
                </view>
                <view class="flex-box fs30 pb30 infoitem">
                    <view class="col89">交房时间：</view>
                    <view class="col10">{{ info.deliverytime_text }}</view>
                </view>
                <view class="flex-box fs30 infoitem" v-for="(item, index) in info.cert_trends_data" :key="index" >
                    <view class="col89">预售许可证：</view>

                    <view class="col10">{{ item.name }}</view>
                </view>
            </view>
            <view class="part1" v-if="info.community_overview.length>0">
                <view class="col10 fs34 fwb pb20">小区概况</view>
                <view class="flex-box fs30 pb30 infoitem" v-for="(item, index) in info.community_overview"  :key="index">
                    <view class="col89" style="margin-right:10rpx;">{{ item.name }}&nbsp;&nbsp;&nbsp;</view>

                    <view class="col10">{{ item.value }}</view>
                </view>
                <view class="fs24 col89">注：此楼盘涵盖多个楼栋，信息存在多样性</view>
            </view>
            <view class="part1" v-if="info.pre_sale_permit.length>0">
                <view class="col10 fs34 fwb pb20"> 预售许可证</view>
                <view class="flex-box fs30 pb30 infoitem" v-for="(item, index) in info.pre_sale_permit" :key="index" >
                    <view class="col89" style="margin-right:10rpx;">{{ item.name }}&nbsp;&nbsp;&nbsp;</view>

                    <view class="col10">{{ item.value }}</view>
                </view>
                <view class="fs24 col89">注：此楼盘涵盖多个楼栋，信息存在多样性</view>
            </view>
            <view class="part1" v-if="info.sales.length>0">
                <view class="col10 fs34 fwb pb20">销售信息</view>
                <view class="flex-box fs30 pb30 infoitem" v-for="(item, index) in info.sales" :key="index" >
                    <view class="col89" style="margin-right:10rpx;">{{ item.name }}&nbsp;&nbsp;&nbsp;</view>

                    <view class="col10">{{ item.value }}</view>
                </view>
                <view class="fs24 col89">注：此楼盘涵盖多个楼栋，信息存在多样性</view>
            </view>
            <view class="part1" v-if="info.other_information.length>0">
                <view class="col10 fs34 fwb pb20">其他信息</view>
                <view class="flex-box fs30 pb30 infoitem" v-for="(item, index) in info.other_information" :key="index" >
                    <view class="col89" style="margin-right:10rpx;">{{ item.name }}&nbsp;&nbsp;&nbsp;</view>

                    <view class="col10">{{ item.value }}</view>
                </view>
                <view class="fs24 col89">注：此楼盘涵盖多个楼栋，信息存在多样性</view>
            </view>
            <view class="shenming">
                <view class="fs30 col89">免责声明</view>
                <view class="fs24 col89 pt5">楼盘时效性信息来源于政府公示网站、开发商、第三方公众平台，最终以政府部分登记备案为准，预测性、概括性信息仅供参考，请谨慎核查。</view>
            </view>
        </view>
		<!-- 预约弹窗start -->
		<u-popup :show="popupStatus" mode="center" round="8" @close="closePopupStatus" closeOnClickOverlay>
			<view class="zixun-pop">
				<template v-if="appoint_type == 1 && appoint_subscribe_type == 2">
					<view class="fs40 black tc mb20">订阅楼盘开盘通知</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>楼盘总是悄无声息的开盘？</view>
						<view>一键订阅，让您抢占买房先机！</view>
					</view>
				</template>
				<template v-else-if="appoint_type == 1 && appoint_subscribe_type == 1">
					<view class="fs40 black tc mb20">订阅价格变动通知</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>价格变动这么快？订阅价格变动通知</view>
						<view>涨价降价我们将第一时间通知您，帮您找准买房时机！</view>
					</view>
				</template>
				<template v-else-if="appoint_type == 1 && appoint_subscribe_type == 3">
					<view class="fs40 black tc mb20">订阅实时动态通知</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>价格变动这么快？订阅价格变动通知</view>
						<view>涨价降价我们将第一时间通知您，帮您找准买房时机！</view>
					</view>
				</template>
				<template v-else-if="appoint_type == 3 && appoint_subscribe_type == 0">
					<view class="fs40 black tc mb20">免费专车看房</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>公交太累，打车太贵，看房团还要等位</view>
						<view>佳和房产带您免费专车看房，省时，省力，还包来回！</view>
					</view>
				</template>
				<template v-else-if="appoint_type == 2 && appoint_subscribe_type == 0">
					<view class="fs40 black tc mb20">我要咨询</view>
					<view class="fs30 col-darkGray tc mb40">
						<view>该项目有哪些优劣势？性价比如何？</view>
						<view>还有什么类似楼盘推荐……</view>
						<view>更多问题，咨询师帮你答疑解惑</view>
					</view>
				</template>
				<view class="input-box flex-box plr30 mb40" v-if="popupStatus"><input @input="appoint_mobileFun"
						:value="appoint_mobile" class="input flex-grow-1" type="number" placeholder="请输入手机号码"
						placeholder-style="color:#ccc;" /></view>
				<view @tap="submitAppointLog" class="btn1 mb30">确认</view>
				<!-- <view @tap="jumpToChat" :data-uid="broker_user_id" class="btn2 mb20">立即微聊</view> -->
				<button open-type="contact" class="btn2 mb20">立即微聊</button>
			</view>
		</u-popup>
		<!-- 预约弹窗end -->
		<!-- 预约成功弹窗start -->
		<u-popup :show="reserveStatus" mode="center" closeable :safeAreaInsetBottom="false" @close="closeReserveStatus">
			<view class="reserve">
				<image src="/static/icon/icon_reserve.png" class="icon_reserve"></image>
				<view class="title1">预约成功</view>
				<view class="title2">用手机号码{{ appoint_mobile_text }}预约了咨询服务，稍后经纪人将为您解答疑问，请注意接听电话</view>
				<button @tap="closeReserveStatus" class="reserve-btn1">好的</button>
				<!-- <button @tap="jumpToChat" :data-uid="broker_user_id" class="reserve-btn2">立即微聊</button> -->
				<button open-type="contact" class="reserve-btn2">立即微聊</button>
			</view>
		</u-popup>
		<!-- 预约成功弹窗end -->
		
		<!-- 弹出微信号 start-->
		<u-popup :show="wechatStatus" mode="center" closeable :safeAreaInsetBottom="false" @close="closeWeChatStatus">
			<view class="reserve">
				<view class="title1">咨询师微信号</view>
				<view class="title2">{{ wechatnum }}</view>
				<button class="reserve-btn2" @tap="closeWeChatStatus">复制</button>
			</view>
		</u-popup>
		<!-- 弹出微信号 end -->
    </view>
</template>

<script>
const app = getApp();

const functions = require('../../../utils/functions.js');

export default {
    data() {
        return {
            popupStatus: false,

            //订阅咨询预约弹窗
            reserveStatus: false,

            //预约成功弹窗
            // 预约订阅类型
            appoint_type: 1,

            //分类:1=订阅动态,2=留电咨询,3=领取免费专车,4=帮你找房,5=咨询房价走势
            // 订阅分类
            appoint_subscribe_type: 0,

            //订阅通知类型:0=无订阅,1=订阅变价通知,2=订阅开盘通知,3=订阅实时动态
            // 预约手机号
            appoint_mobile: '',

            appoint_mobile_text: '',
            broker_user_id: 0,

            info: {
				community_overview:[],
				pre_sale_permit:[],
				sales:[],
				other_information:[],
            },
			wechatnum:'',
			wechatStatus:false,

        };
    },
    onLoad: function (options) {
        var info = app.globalData.pagesParamHouseInfo;
        info.house_tag_ids_text = info.house_tag_ids_text_arr.join(',');
        this.info=info
    },
	methods: {
		jumpToChat(e) {
			var uid = e.currentTarget.dataset.uid || 0;

			if (!uid) {
				if (this.info.default_broker) {
					uid = this.info.default_broker.user_id;
				} else {
					uid = 0;
				}
			}

			var that = this;
			functions.checkLogin(function(ret) {
				if (ret) {
					functions.jumpToChat(uid, that.info.id);
				} else {
					functions.toast('请先登录');
				}
			});
		},
		// 添加预约记录
		addAppointLog(e) {
			var uid = e.currentTarget.dataset.uid || 0;

			if (!uid) {
				if (this.info.default_broker) {
					uid = this.info.default_broker.user_id;
				} else {
					uid = 0;
				}
			}
			this.appoint_type= e.currentTarget.dataset.type;
			this.appoint_subscribe_type= e.currentTarget.dataset.subtype;
			this.broker_user_id= uid;
			// 处理手机号码
			this.appoint_mobile= uni.getStorageSync('mobile') || this.appoint_mobile;
			this.popupStatus=true;
		},

		appoint_mobileFun(e) {
			this.appoint_mobile = e.detail.value
		},

		// 提交预约日志
		submitAppointLog() {
			var that = this;
			if (that.appoint_mobile.length != 11) {
				functions.toast('请输入正确的手机号');
				return false;
			}
			functions.checkLogin(function(ret) {
				if (ret) {
					var appoint_mobile = uni.getStorageSync('mobile');
					that.appoint_mobile = appoint_mobile;

					functions.submitAjaxData(
						that,
						'/api/xiluhouse/house/create_appoint_log', {
							type: that.appoint_type,
							subscribe_type: that.appoint_subscribe_type,
							mobile: that.appoint_mobile,
							broker_user_id: that.broker_user_id,
							city: that.now_city,
						},
						function(res) {
							that.appoint_mobile = that.appoint_mobile;
							that.appoint_mobile_text = appoint_mobile.substr(0, 3) + '****' +
								appoint_mobile.substr(7);
							that.reserveStatus = true;
							that.popupStatus = false;
						}
					);
				} else {
					functions.toast('请先登录');
				}
			});
		},

		closePopupStatus() {
			this.popupStatus = false;
		},
		closeReserveStatus() {
			this.reserveStatus = false;
		},

		// 拨打电话
		bindPhoneCall(e) {
			var tel = e.currentTarget.dataset.tel;
			functions.phoneCall({
				phoneNumber: tel //仅为示例，并非真实的电话号码
			});
		},

        jumpToMap: function () {
            app.globalData.pagesParamHouseInfo =   this.info;
            uni.navigateTo({
                url: '/pages/house/surround_facility/surround_facility'
            });
        },
		// 加微信
		//微信弹框
		jumpToPop(e){
			this.wechatnum = e.currentTarget.dataset.wechatnum || 0;
		
			this.wechatStatus=true;
			
		},
		
		closeWeChatStatus() {
			var text = this.wechatnum
			uni.setClipboardData({
			  data: this.wechatnum,
			  success: () => {
				console.log('复制成功');
			  },
			  fail: (err) => {
				console.log('复制失败', err);
			  }
			});
			this.wechatStatus = false;
		},
		

    }
};
</script>
<style>
@import url('@/static/css/old_project.css');
.part1 {
    padding: 40rpx;
    border-bottom: 20rpx solid #f6f7fa;
}
.sale_type1 {
    margin-left: 20rpx;
}
.othername {
    font-size: 30rpx;
    color: #898989;
    padding-top: 10rpx;
}
.ques {
    width: 30rpx;
    height: 30rpx;
    margin-left: 10rpx;
}
.icon_close-r {
    width: 25rpx;
    height: 25rpx;
    margin-top: 5rpx;
}
.infoitem navigator {
    display: inline-block;
    color: #0091ff;
}

.shenming {
    padding: 10rpx 40rpx 40rpx;
    background-color: #f6f7fa;
}

.footbox button {
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.footbox {
    background-color: #fff;
}
.footavatar {
    width: 75rpx;
    height: 75rpx;
    border-radius: 50%;
    margin-right: 15rpx;
}
.footbox .name {
    font-size: 32rpx;
    line-height: 43rpx;
}
/* .footbox .btn1 {
    width: 190rpx;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 74rpx;
    color: #fff;
    font-size: 30rpx;
    font-weight: normal;
    height: 74rpx;
    border-radius: 10rpx;
    background: #0091ff;
    box-shadow: 0rpx 4rpx 40rpx rgba(3, 103, 179, 0.3);
}
.footbox .btn2 {
    width: 190rpx;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 74rpx;
    color: #fff;
    font-size: 30rpx;
    font-weight: normal;
    height: 74rpx;
    border-radius: 10rpx;
    background: #ff7b40;
    margin-left: 15rpx;
    box-shadow: 0px 4rpx 40rpx rgba(248, 103, 56, 0.3);
} */

	.footbox .btn1 {
		width: 220rpx;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 90rpx;
		color: #fff;
		font-size: var(--fs34);
		font-weight: normal;
		height: 90rpx;
		border-radius: 10rpx;
		background: var(--blue);
		box-shadow: 0rpx 4rpx 40rpx rgba(3, 103, 179, 0.3);
	}

	.footbox .btn2 {
		width: 220rpx;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 90rpx;
		color: #fff;
		font-size: var(--fs34);
		font-weight: normal;
		height: 90rpx;
		border-radius: 10rpx;
		background: #ff7b40;
		margin-left: 15rpx;
		box-shadow: 0px 4rpx 40rpx rgba(248, 103, 56, 0.3);
	}


.footbox .icon_search {
    width: 32rpx;
    height: 32rpx;
    margin-bottom: 6rpx;
}
.footbox .icon_tel2 {
    width: 36rpx;
    height: 36rpx;
    margin-bottom: 9rpx;
}

.footbox .conbtn1 {
    width: 150rpx;
    border-right: 1px solid #f4f3f3;
    font-size: 24rpx;
    color: #333;
}
.footbox .conbtn2 {
    width: 150rpx;
    font-size: 24rpx;
    color: #333;
}

.footbox .foot2 {
    height: 100rpx;
    background-color: #fff;
    padding-right: 40rpx;
}
.footbox .foot1 {
    height: 100rpx;
    background-color: #fff;
    padding: 0 40rpx;
}
.footbox button {
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.footbox {
    background-color: #fff;
}
.footavatar {
    width: 75rpx;
    height: 75rpx;
    border-radius: 50%;
    margin-right: 15rpx;
}
.footbox .name {
    font-size: 32rpx;
    line-height: 43rpx;
}
/* .footbox .btn1 {
    width: 190rpx;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 74rpx;
    color: #fff;
    font-size: 30rpx;
    font-weight: normal;
    height: 74rpx;
    border-radius: 10rpx;
    background: #0091ff;
    box-shadow: 0rpx 4rpx 40rpx rgba(3, 103, 179, 0.3);
}
.footbox .btn2 {
    width: 190rpx;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 74rpx;
    color: #fff;
    font-size: 30rpx;
    font-weight: normal;
    height: 74rpx;
    border-radius: 10rpx;
    background: #ff7b40;
    margin-left: 15rpx;
    box-shadow: 0px 4rpx 40rpx rgba(248, 103, 56, 0.3);
} */

	.footbox .btn1 {
		width: 220rpx;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 90rpx;
		color: #fff;
		font-size: var(--fs34);
		font-weight: normal;
		height: 90rpx;
		border-radius: 10rpx;
		background: var(--blue);
		box-shadow: 0rpx 4rpx 40rpx rgba(3, 103, 179, 0.3);
	}

	.footbox .btn2 {
		width: 220rpx;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 90rpx;
		color: #fff;
		font-size: var(--fs34);
		font-weight: normal;
		height: 90rpx;
		border-radius: 10rpx;
		background: #ff7b40;
		margin-left: 15rpx;
		box-shadow: 0px 4rpx 40rpx rgba(248, 103, 56, 0.3);
	}


.footbox .icon_search {
    width: 32rpx;
    height: 32rpx;
    margin-bottom: 6rpx;
}
.footbox .icon_tel2 {
    width: 36rpx;
    height: 36rpx;
    margin-bottom: 9rpx;
}

.footbox .conbtn1 {
    width: 150rpx;
    border-right: 1px solid #f4f3f3;
    font-size: 24rpx;
    color: #333;
}
.footbox .conbtn2 {
    width: 150rpx;
    font-size: 24rpx;
    color: #333;
}

.footbox .foot2 {
    height: 100rpx;
    background-color: #fff;
    padding-right: 40rpx;
    border-top: 1px solid #f6f7fa;
}
.footbox .foot1 {
    height: 100rpx;
    background-color: #fff;
    padding: 0 40rpx;
}

.pop {
    width: 100%;
    background-color: #fff;
    padding: 0 40rpx 30rpx;
}
.pop .pop-title1 {
    padding: 20rpx 0 0;
    text-align: center;
    font-size: 40rpx;
}
.pop .pop-title2 {
    padding: 23rpx 0 40rpx;
    text-align: center;
    font-size: 30rpx;
    color: #333;
    line-height: 42rpx;
}
.pop .pop-input {
    height: 90rpx;
    padding: 0 30rpx;
    border-radius: 10rpx;
    background: #f6f7fa;
    font-size: 30rpx;
}
.pop .pop-btn1 {
    height: 90rpx;
    border-radius: 10rpx;
    background: #0091ff;
    box-shadow: 0rpx 4rpx 40rpx rgba(3, 103, 179, 0.3);
    width: 100%;
    color: #fff;
    font-size: 30rpx;
    font-weight: normal;
    margin-top: 40rpx;
    margin-left: 0;
    margin-right: 0;
    line-height: 90rpx;
    padding: 0;
}

.pop .pop-btn2 {
    height: 90rpx;
    border-radius: 10rpx;
    background: #ff7b40;
    box-shadow: 0px 4rpx 40rpx rgba(248, 103, 56, 0.3);
    width: 100%;
    color: #fff;
    font-size: 30rpx;
    font-weight: normal;
    margin-top: 40rpx;
    margin-left: 0;
    margin-right: 0;
    line-height: 90rpx;
    padding: 0;
}

.pop-title3 {
    padding: 20rpx 30rpx 0;
    color: #898989;
    font-size: 24rpx;
}

.custom-class {
    border-radius: 8rpx;
    overflow: hidden;
}

.reserve {
    background-color: #fff;
    /* padding: 10rpx 40rpx 30rpx; */
	padding:90rpx 40rpx 30rpx;
    text-align: center;
}
.reserve .icon_reserve {
    width: 120rpx;
    height: 120rpx;
    margin: 0 0 40rpx;
}
.reserve .title1 {
    font-size: 40rpx;
    padding-bottom: 23rpx;
}
.reserve .title2 {
    font-size: 30rpx;
    color: #333;
    line-height: 42rpx;
    padding: 0 20rpx 20rpx;
}

.reserve .reserve-btn1 {
    height: 90rpx;
    border-radius: 10rpx;
    background: #0091ff;
    box-shadow: 0rpx 4rpx 40rpx rgba(3, 103, 179, 0.3);
    width: 100%;
    color: #fff;
    font-size: 30rpx;
    font-weight: normal;
    margin-top: 40rpx;
    margin-left: 0;
    margin-right: 0;
    line-height: 90rpx;
    padding: 0;
}

.reserve .reserve-btn2 {
    height: 90rpx;
    border-radius: 10rpx;
    background: #ff7b40;
    box-shadow: 0px 4rpx 40rpx rgba(248, 103, 56, 0.3);
    width: 100%;
    color: #fff;
    font-size: 30rpx;
    font-weight: normal;
    margin-top: 30rpx;
    margin-left: 0;
    margin-right: 0;
    line-height: 90rpx;
    padding: 0;
}
.page-foot ~ .container{
	padding-bottom:180rpx;
}
.de-two-view{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:8rpx 0;
	padding-right:20rpx;
	box-sizing:border-box;
}
.de-two-item{
	max-width:50%;
	width:100%;
	height:auto;
	overflow:hidden;
	padding:8rpx 0;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	flex-direction: row;
	float:left;
}
.de-two-title{
	width:auto;
	height:auto;
	line-height:30rpx;
	font-size:28rpx;
	color:#999;
	overflow:hidden;
	flex-shrink:0;
}
.de-two-text{
	width:auto;
	height:auto;
	line-height:40rpx;
	font-size:28rpx;
	color:#000;
	overflow:hidden;
	padding-left:20rpx;
}
.de-two-more{
	display: flex;
	justify-content:space-between;
	align-items: center;
	flex-direction: row;
}
.de-two-more-icon{
	width:25rpx;
	height:25rpx;
	display:block;
	overflow:hidden;
}

.footbox button.contactkefu {
	width: 100%;
	height: 150rpx;
	border-radius: 15px;
	position: relative;
	padding-left: 150rpx;
	color: var(--blue);
}

.footbox .kefubg {
	position: absolute;
	width: 670rpx;
	height: 150rpx;
	position: absolute;
	top: 0;
	left: 0;
}

.footbox .contactkefu .tel {
	width: 90rpx;
	height: 90rpx;
}



</style>
